import styled from 'styled-components'

export const HeaderWrapper = styled.div`
  background-color: #242424;
  .content{
    margin: 0 auto;
    display: flex;
    align-items: center;
    width: 1100px;
    height: 70px;
    box-sizing: border-box;
    border-bottom: 1px solid #000;
    color: #ccc;
    font-size: 14px;
    img{
      cursor: pointer;
    }
    h1{
      margin-left: 12px;
      margin-right: 20px;
      height: 70px;
      display: inline-block;    
      line-height: 70px; 
      cursor: pointer;
    }
    .item{
      padding: 0 19px;
      height: 70px;
      line-height: 70px;
      color:#ccc;
      font-size: 14px;
    }
    .login-btn{
      color: #787878;
    }
  }
`